Romio boasts of a many handy features which are quite powerful, flexible, functional & easy to use. you can do changes in features very easily. Here is the List of features that uses in this website:
SectionsContainerFinger PrintCounterBootstrape CarouselsFont Awesome 6 IconsSubscripationSubscripation CancelSwitchFAQForget PasswordOtp SectionPayment MethodChat SectionBank CardAdd New CardSecurityPersonal Info
Each of the above mentioned features are easily extendable, flexible & easy to use. You can find the sample codes from stylesheet. We are explaining a few of them for your Reference.
Scroll to reveal Animations are latest in the Trends. You can do them too with Bistro. You can use animations on any element you want. Here is the Sample Code:
.fixed {
animation: fixedheader 600ms ease 0ms 1 forwards;
}
@keyframes fixedheader {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
Note: Delay Duration is in milliseconds.
Here is the list of the Animation Types you can use:
bounceflashpulserubberBandshakeswingtadawobblebounceInbounceInDownbounceInLeftbounceInRightbounceInUpbounceOutbounceOutDownbounceOutLeftbounceOutRightbounceOutUpfadeInfadeInDownfadeInDownBigfadeInLeftfadeInLeftBigfadeInRightfadeInRightBigfadeInUpfadeInUpBigfadeOutfadeOutDownfadeOutDownBigfadeOutLeftfadeOutLeftBigfadeOutRightfadeOutRightBigfadeOutUpfadeOutUpBigflipflipInXflipInYflipOutXflipOutYlightSpeedInlightSpeedOutrotateInrotateInDownLeftrotateInDownRightrotateInUpLeftrotateInUpRightrotateOutrotateOutDownLeftrotateOutDownRightrotateOutUpLeftrotateOutUpRighthingerollInrollOutzoomInzoomInDownzoomInLeftzoomInRightzoomInUpzoomOutzoomOutDownzoomOutLeftzoomOutRightzoomOutUp